<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<title>Live Tech Support</title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- CSS -->
<link href="css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen">

<!-- Js -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/midway.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="js/jquery.vegas.js"> </script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script src="js/modernizr.custom.76137.js"></script>

<!-- Background SliddeShow -->
<script>
$( function() {
	$.vegas( 'slideshow', {
		delay: 10000,
		 valign:'top', // top, center, bottom or %
align:'right', // left, center, right or %
		backgrounds: [
			{ src: 'images/slides/1.jpg', fade: 4000, valign:'50%', // top, center, bottom or %
align:'center'},
			{ src: 'images/slides/2.jpg', fade: 4000, valign:'30%', // top, center, bottom or %
align:'center'},
			{ src: 'images/slides/3.jpg', fade: 4000, valign:'30%', // top, center, bottom or %
align:'left'},
			{ src: 'images/slides/4.jpg', fade: 4000, valign:'top', // top, center, bottom or %
align:'center'},
			{ src: 'images/slides/5.jpg', fade: 4000, valign:'30%', // top, center, bottom or %
align:'left'},
			{ src: 'images/slides/6.jpg', fade: 4000, valign:'30%', // top, center, bottom or %
align:'left'},
			{ src: 'images/slides/7.jpg', fade: 4000, valign:'30%', // top, center, bottom or %
align:'left'}
		]
	} )( 'overlay' );

} );


</script>
</head>
<body>
<!-- Preloader -->
<div id="preloader">
  <div id="status" class="centerHorizontal centerVertical"></div>
</div>
<header>
  <div id="menuContainer">
    <div class="col-full"> <a href="index.php">
      <div id="logo">
        <h1>EXPERT ON WEB</h1>
        <h2>HELLO HELLO HELLO </h2>
      </div>
      </a>
      <ul id="da-thumbs" class="da-thumbs" style="margin-left:165px;">
        <li> <a href="#" class="team homebtn"> <span class="item"><img src="images/about.png">
          <p>ABOUT</p>
          </span>
          <div><span></span></div>
          </a> </li>
        <li> <a href="#" class="news homebtn"> <span class="item"><img src="images/news.png">
          <p>NEWS</p>
          </span>
          <div><span></span></div>
          </a> </li>
      </ul>
    </div>
    <div class="col-full">
      <ul id="da-thumbs" class="da-thumbs">
        <li> <a href="portfolio.php" class="portfolio homebtn"> <span class="item"><img src="images/folio.png">
          <p>PORTFOLIO</p>
          </span>
          <div><span></span></div>
          </a> </li>
        <li> <a href="services.php" class="service homebtn"> <span class="item"><img src="images/service.png">
          <p>SERVICES</p>
          </span>
          <div><span></span></div>
          </a> </li>
        <li> <a class="homebtn"> <section class="slides" id="slides4"><img src="images/head/10.png" /><img src="images/head/11.png" /><img src="images/head/12.png" /> <img src="images/head/1.png" /><img src="images/head/2.png" /><img src="images/head/3.png" /><img src="images/head/4.png" /><img src="images/head/5.png" /><img src="images/head/6.png" /><img src="images/head/7.png" /><img src="images/head/8.png" /><img src="images/head/9.png" /></section>
          <div><span>LINK</span></div>
          </a> </li>
        <li> <a class="homebtn"> <section class="slides" id="slides3"><img src="images/head/6.png" /><img src="images/head/7.png" /><img src="images/head/8.png" /><img src="images/head/9.png" /><img src="images/head/10.png" /> <img src="images/head/1.png" /><img src="images/head/2.png" /><img src="images/head/3.png" /><img src="images/head/4.png" /><img src="images/head/5.png" /><img src="images/head/11.png" /><img src="images/head/12.png" /></section>
          <div><span>LINK</span></div>
          </a> </li>
        <li> <a href="#" class="about homebtn"> <span class="item"><img src="images/team.png">
          <p>TEAM</p>
          </span>
          <div><span></span></div>
          </a> </li>
        <li> <a href="gallery.php" class="homebtn"><section class="slides" id="slides1"><img src="images/head/10.png" /><img src="images/head/11.png" /><img src="images/head/2.png" /><img src="images/head/12.png" /> <img src="images/head/1.png" /><img src="images/head/3.png" /><img src="images/head/4.png" /><img src="images/head/5.png" /><img src="images/head/6.png" /><img src="images/head/7.png" /><img src="images/head/8.png" /><img src="images/head/9.png" /></section>
          <div><span>GALLERY</span></div>
          </a> </li>
      </ul>
    </div>
    <div class="col-full">
      <ul id="da-thumbs" class="da-thumbs" style="margin-left:165PX;">
        <li> <a href="#" class="homebtn"> <section class="slides" id="slides2"> <img src="images/head/1.png" /><img src="images/head/2.png" /><img src="images/head/3.png" /><img src="images/head/4.png" /><img src="images/head/5.png" /><img src="images/head/6.png" /><img src="images/head/7.png" /><img src="images/head/8.png" /><img src="images/head/9.png" /><img src="images/head/10.png" /><img src="images/head/11.png" /><img src="images/head/12.png" /></section>
          <div><span>LINK</span></div>
          </a> </li>
        <li> <a href="contact.php" class="contact homebtn"> <span class="item"><img src="images/contact.png">
          <p>CONTACT</p>
          </span>
          <div><span></span></div>
          </a> </li>
      </ul>
      <ul id="da-thumbs" class="da-thumbs" style="margin-left:330PX;">
        <li> <a href="blog.php" class="portfolio homebtn"> <span class="item"><img src="images/blog.png">
          <p>BLOG</p>
          </span>
          <div><span></span></div>
          </a> </li>
      </ul>
    </div>
  </div>
  <!-- /Nav -->
  </div>
</header>



